@extends('templates.generalstructure')

@section('contenido')

	<div id="wrapper-cronica-detalle">
		<div class="contenedor-cronica">
		<!-- TOP -->
		<!-- h1 class="torneos-titulo-seccion">torneos</h1-->
			<h2 class="cabecera-cronicas">{{$cronica->titulo}}</h2>
			<table class="cronica-tabla">
				<tr>
					<td class="tabla-titulo"><strong>Nombre</strong></td>
					<td class="tabla-titulo"><strong>Equipo</strong></td>
					<td class="tabla-titulo"><strong>Puntos</strong></td>
				</tr>
				@foreach($cronica->torneo->users as $user)
				<?php if(!isset($puntos[$user->pivot->equipo]))
					$puntos[$user->pivot->equipo]=0;
					$puntos[$user->pivot->equipo]+=$user->pivot->puntuacion;?>
				<tr>
					<td>{{$user->username}}</td>
					<td>{{$user->pivot->equipo}}</td>
					<td>{{$user->pivot->puntuacion}}</td>
				</tr>
				@endforeach
			</table>
			
			<?php if(empty($puntos))$puntos=array('0'=>'0','1'=>'0');$equipos=array_keys($puntos);?>
			<div class="cronica-resultado-contenedor">
				<div class="cronica-resultado-titulo">Resultado</div>
				<div class="cronica-resultado-marcador">
					<div class="cronica-resultado-izq">{{$puntos[$equipos[0]]}}</div>
					<div class="cronica-resultado-separador">-</div>
					<div class="cronica-resultado-der">{{$puntos[$equipos[1]]}}</div>
				</div>
			</div>
			<div class="col-md-6 bloque1">
				<div class="cronica-detalle-cuerpo">
					<h3 class="cronica-titulo-descripcion">Descripcion</h3>
					<div class="cronica-descripcion">
					{{$cronica->descripcion}}
					</div>
				</div>
			</div>
			<div class="col-md-6 bloque2">
				<div id="cronica-mapa"></div>
			</div>
			<section id="comentarios" class="comentarios-fix">
					<header>
						<h3>Comentarios</h3>
					</header>
					@foreach($cronica->comentarios as $comentario)
					<article>
						<header>
							<a href="{{ URL::route('perfil.show',$comentario->user->id) }}">{{ $comentario->user->username }}</a> el <time datetime="{{ $comentario->created_at }}">{{ date("d/m/Y",strtotime($comentario->created_at)) }} a las {{ date("H:i",strtotime($comentario->created_at)) }}</time>
						</header>
						<p>{{ $comentario->contenido }}</p>
					</article>
					@endforeach
			</section>
			@if(Auth::check())
			<form id="comentarios-respuesta" class="comentarios-fix" method="post">
				    <h3>Agregar comentario</h3>
				    <p>
				        <label for="comentario">Comentario:</label>
				        <textarea name="comentario" id="comentario" required></textarea>
				    </p>
				    <p>
				   		<button class="submit" type="submit">Agregar Comentario</button>
				   	</p>
				</form>
				@endif
		</div>
	</div>
@stop

@section('js')
	@parent
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=es&callback=iniciar"></script>
	<script>
		function iniciar()
		{
			var mapOptions = 
			{
				center: new google.maps.LatLng({{$cronica->torneo->campo->latitud}},{{$cronica->torneo->campo->longitud}}),
				zoom: 14,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};
			var map = new google.maps.Map(document.getElementById("cronica-mapa"),mapOptions);
			var place = new google.maps.LatLng({{$cronica->torneo->campo->latitud}},{{$cronica->torneo->campo->longitud}});
			var marker = new google.maps.Marker({
		        position: place
		        , title: '{{$cronica->titulo}}'
		        , map: map
		        , });
			var popup = new google.maps.InfoWindow({
	        content:' {{$cronica->torneo->campo->nombre}}'});
	        popup.open(map, marker);       
			function showInfo() {
			    map.setZoom(16);
			    map.setCenter(marker.getPosition());
			    var contentString = 'Ubicación Actual';
			    var infowindow = new google.maps.InfoWindow({
			    content: 'Empresa Paintballed. Mas informacion en www.paintballed.com'});
			    infowindow.open(map,marker);}         
			google.maps.event.addListener(marker, 'click', showInfo);
		}		
	</script>
@stop
